<form action="" method="post" enctype="multipart/form-data" id="frm_editor" class="vh_from">
    <h1 style="text-align: center;">{title_editor}</h1>
    <div class="vh_div_from">
        <span style="color: red;">{sms}</span>
        <div class="from_step_1">
            <div id="tabs">
                [OPEN htmlCat]
                [LOOP select_option]
                <option {selected} value="{com_value}">{com_text}</option>
                [/LOOP select_option]

                [LOOP tabs_title_ul]
                <ul>
                    {tabs_li}
                </ul>
                [/LOOP tabs_title_ul]

                [LOOP tabs_title]
                <li><a href="#tabs-{lang_id}">{lang_name}</a></li>
                [/LOOP tabs_title]

                [LOOP tabs_tabs_title]
                <li><a href="#tabs_tabs_{lang_id}_{itemtab}"><input style="width: 192px" name="tabs[{lang_id}][title][{itemtab}]" value="{tabs_title_{lang_id}_{itemtab}}" /></a></li>
                [/LOOP tabs_tabs_title]

                [LOOP tabs_tabs_content]
                <div id="tabs_tabs_{lang_id}_{itemtab}">
                    <textarea id="tab_content_{lang_id}_{itemtab}" name="tabs[{lang_id}][content][{itemtab}]">{tabs_content_{lang_id}_{itemtab}}</textarea>
                </div>
                <script type="text/javascript">
                    CKEDITOR.replace('tab_content_{lang_id}_{itemtab}',
                    {
                        customConfig : url_prefix+'editor/ckeditor/config.js',
                        filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                        filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                        filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                        filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                        filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                        filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                    });
                </script>
                [/LOOP tabs_tabs_content]

                [LOOP tabs_contents]
                <div id="tabs-{lang_id}">
                    <div class="line_row">
                        <span class="spanx">{prot_name} :</span>
                        <span class="leng"><b id="Name_{lang_id}_leng">0</b>:65 {characters}</span>
                        <input onkeyup="count_leng('Name_{lang_id}')" id="Name_{lang_id}" name="Name[{lang_id}]" type="text" value="{Name_{lang_id}}"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{prot_full_contents}:</span>
                        <span class="leng"><b id="FullContents_{lang_id}_leng">0</b>:300 {characters}</span>
                        <textarea onkeyup="count_leng('FullContents_{lang_id}')" class="small" id="FullContents_{lang_id}" name="FullContents[{lang_id}]">{FullContents_{lang_id}}</textarea>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{prot_alt_pic} :</span>
                        <span class="leng"><b id="AltPic_{lang_id}_leng">0</b>:65 {characters}</span>
                        <input onkeyup="count_leng('AltPic_{lang_id}')" id="AltPic_{lang_id}" name="AltPic[{lang_id}]" type="text" value="{AltPic_{lang_id}}"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{prot_locks}:</span>
                        <input id="Locks_{lang_id}" {checked_locks_{lang_id}} name="Locks[{lang_id}]" type="checkbox" value="1"/>
                    </div>
                    <div class="line_row">
                        <span class="spanx">{status} :</span>
                        <select id="Status_{lang_id}" name="Status[{lang_id}]">
                            <option {selected_show_{lang_id}} value="show">{show}</option>
                            <option {selected_hide_{lang_id}} value="hide">{hide}</option>
                            <option {selected_del_{lang_id}} value="del">{del}</option>
                        </select>
                    </div>

                    <div id="tabs_tabs_{lang_id}" class="tabs_child_tab">
                        <ul>
                            <li><a href="#tabs_tabs_{lang_id}_1"><input style="width: 177px" name="tabs[{lang_id}][1][title]" value="{tabs_title_{lang_id}_1}" /></a></li>
                            <li><a href="#tabs_tabs_{lang_id}_2"><input style="width: 177px" name="tabs[{lang_id}][2][title]" value="{tabs_title_{lang_id}_2}" /></a></li>
                            <li><a href="#tabs_tabs_{lang_id}_3"><input style="width: 177px" name="tabs[{lang_id}][3][title]" value="{tabs_title_{lang_id}_3}" /></a></li>
                            {tabs_tabs_li_{lang_id}}
                            <div id="add_tab_{lang_id}">{add_tab_new}</div>
                        </ul>
                        <div id="tabs_tabs_{lang_id}_1">
                            <textarea id="tab_content_{lang_id}_1" name="tabs[{lang_id}][1][content]">{tabs_content_{lang_id}_1}</textarea>
                        </div>
                        <div id="tabs_tabs_{lang_id}_2">
                            <textarea id="tab_content_{lang_id}_2" name="tabs[{lang_id}][2][content]">{tabs_content_{lang_id}_2}</textarea>
                        </div>
                        <div id="tabs_tabs_{lang_id}_3">
                            <textarea id="tab_content_{lang_id}_3" name="tabs[{lang_id}][3][content]">{tabs_content_{lang_id}_3}</textarea>
                        </div>
                        {tabs_tabs_div_{lang_id}}
                    </div>

                    <div class="line_row">
                        <span class="cut"></span>
                        <button type="button" onclick="create_seo('{lang_id}')">{but_create_seo}</button>
                    </div>
                    <div id="tabs_child_{lang_id}" class="tabs_child">
                        <ul>
                            <li><a href="#tabs_child_{lang_id}_1">{Seo_Meta}</a></li>
                            <li><a href="#tabs_child_{lang_id}_2">{Seo_Footer}</a></li>
                        </ul>

                        <div id="tabs_child_{lang_id}_1">
                            <div class="line_row">
                                <p><i>{content_seo_meta}</i></p>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_seo_url}:</span>
                                <span class="leng"><b id="SeoKey_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('SeoKey_{lang_id}')" id="SeoKey_{lang_id}" name="SeoKey[{lang_id}]" type="text" value="{SeoKey_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_title}:</span>
                                <span class="leng"><b id="Title_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('Title_{lang_id}')" id="Title_{lang_id}" name="Title[{lang_id}]" type="text" value="{xTitle_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_desc}:</span>
                                <span class="leng"><b id="Desc_{lang_id}_leng">0</b>:165 {characters}</span>
                                <textarea onkeyup="count_leng('Desc_{lang_id}')" class="small" id="Desc_{lang_id}" name="Desc[{lang_id}]">{Desc_{lang_id}}</textarea>
                            </div>

                            <div class="line_row">
                                <span class="spanx">{prot_keyword}:</span>
                                <span class="leng"><b id="Keyword_{lang_id}_leng">0 </b> : 2 {words}</span>
                                <input onkeyup="count_leng_tu('Keyword_{lang_id}')" id="Keyword_{lang_id}" name="Keyword[{lang_id}]" type="text" value="{Keyword_{lang_id}}"/>
                            </div>
                        </div>

                        <div id="tabs_child_{lang_id}_2">
                            <div class="line_row">
                                <p><i>{content_seo_footer}</i></p>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_h1}:</span>
                                <span class="leng"><b id="TitleH1_{lang_id}_leng">0</b>:65 {characters}</span>
                                <input onkeyup="count_leng('TitleH1_{lang_id}')" id="TitleH1_{lang_id}" name="TitleH1[{lang_id}]" type="text" value="{TitleH1_{lang_id}}"/>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_h2}:</span>
                                <span class="leng"><b id="TitleH1_2_leng">0</b>:165 {characters}</span>
                                <textarea onkeyup="count_leng('TitleH2_{lang_id}')" class="small" id="TitleH2_{lang_id}" name="TitleH2[{lang_id}]">{TitleH2_{lang_id}}</textarea>
                            </div>
                            <div class="line_row">
                                <span class="spanx">{prot_p}:</span>
                                <span class="leng"><b id="DescF_{lang_id}_leng">0</b>:300 {characters}</span>
                                <textarea onkeyup="count_leng('DescF_{lang_id}')" class="small" id="DescF_{lang_id}" name="DescF[{lang_id}]">{DescF_{lang_id}}</textarea>
                            </div>
                        </div>
                    </div>

                </div><!--Tab-{lang_id}-->

                <script type="text/javascript">
                    $(document).ready(function() {

                        CKEDITOR.replace('FullContents_{lang_id}',
                        {
                            customConfig : url_prefix+'editor/ckeditor/config.js',
                            filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                            filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                            filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                            filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                            filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                            filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                        });


                        CKEDITOR.replace('tab_content_{lang_id}_1',
                        {
                            customConfig : url_prefix+'editor/ckeditor/config.js',
                            filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                            filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                            filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                            filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                            filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                            filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                        });

                        CKEDITOR.replace('tab_content_{lang_id}_2',
                        {
                            customConfig : url_prefix+'editor/ckeditor/config.js',
                            filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                            filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                            filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                            filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                            filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                            filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                        });
                        CKEDITOR.replace('tab_content_{lang_id}_3',
                        {
                            customConfig : url_prefix+'editor/ckeditor/config.js',
                            filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                            filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                            filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                            filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                            filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                            filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                        });

                        CKEDITOR.replace('DescF_{lang_id}',
                        {
                            toolbar : 'Base',
                            customConfig : url_prefix+'editor/ckeditor/config.js'
                        });

                    });

                    var tab_counter_{lang_id} = {total_tab_{lang_id}};
                    $(function() {
                        $("#tabs_tabs_{lang_id}").tabs({
                            tabTemplate: "<li><a href='#{href}'><input name='tabs[{lang_id}][#{label}][title]' style='width: 192px' value='' /></a></li>",
                            add: function(event, ui) {
                                $( ui.panel ).html('<textarea id="tab_content_{lang_id}_'+tab_counter_{lang_id}+'" name="tabs[{lang_id}]['+tab_counter_{lang_id}+'][content]"></textarea>');

                                CKEDITOR.replace('tab_content_{lang_id}_'+tab_counter_{lang_id},
                                {
                                    customConfig : url_prefix+'editor/ckeditor/config.js',
                                    filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
                                    filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
                                    filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
                                    filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                                    filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                                    filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
                                });
                            }
                        });
                    });

                    function add_tabs_{lang_id}()
                    {
                        $("#tabs_tabs_{lang_id}").tabs( "add", "#tabs_tabs_{lang_id}_" + tab_counter_{lang_id},tab_counter_{lang_id});
                        tab_counter_{lang_id}++;
                    }
                    $( "#tabs span.ui-icon-close" ).live( "click", function() {
                        var index = $( "li", $("#tabs_tabs_{lang_id}") ).index( $( this ).parent() );
                        $("#tabs_tabs_{lang_id}").tabs( "remove", index );
                    });

                    $( "#add_tab_{lang_id}" )
                    .button()
                    .click(function() {
                        add_tabs_{lang_id}();
                    });


                    $(function() { $("#tabs_child_{lang_id}").tabs();  });

                </script>

                [/LOOP tabs_contents]
                [LOOP list_location]
                <option value="{location_id}" {selected}>{location_name}</option>
                [/LOOP list_location]
                [CLOSE htmlCat]
            </div><!--Tab-->

        </div>

        <div class="from_step_2">

                <div class="line_row">
                    <span class="cut">&raquo; {data_all}:</span>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_pid}:</span>
                    <select id="CID" name="CID">
                        {option_cat}
                    </select>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_order}:</span>
                    <input id="Order" name="Order" type="text" value="{val_order}"/>
                </div>
                <div class="line_row">
                    <span>{prot_img}:</span>
                    <div><img id="id_img" style="display: block; margin-left: 5px;" width="100" height="80" src="{file_Img}" alt="" /></div>
                    <div style="{dis_none_but}" id="id_img_but"><button onclick="del_pic('{path_file_Img}','{artID}')" type="button">{del_img}</button></div>
                    <input style="{dis_none_input}" id="id_img_input" name="Img" type="file" value=""/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_manufacturer}:</span>
                    <input id="Manufacturer" name="Manufacturer" type="text" value="{val_manufacturer}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_code}:</span>
                    <input id="Code" name="Code" type="text" value="{val_code}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_size}:</span>
                    <input id="Size" name="Size" type="text" value="{val_size}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_price}:</span>
                    <input id="Price" name="Price" type="text" value="{val_price}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_discount}:</span>
                    <input id="Discount" name="Discount" type="text" value="{val_discount}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_percent}:</span>
                    <input id="Percent" name="Percent" type="text" value="{val_percent}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_fromDate}:</span>
                    <input id="FromDate" name="FromDate" type="text" value="{val_fromDate}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_toDate}:</span>
                    <input id="ToDate" name="ToDate" type="text" value="{val_toDate}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{locction}:</span>
                    <select name="location">
                        {location_html}
                    </select>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_product_special}:</span>
                    <input id="ProductSpecial" {checked_product_special} name="ProductSpecial" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_product_highlight}:</span>
                    <input id="ProductHighlight" {checked_product_highlight} name="ProductHighlight" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_product_hot}:</span>
                    <input id="ProductHot" {checked_product_hot} name="ProductHot" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_index_follow}:</span>
                    <input id="NoIndexFollow" {checked_index_follow} name="NoIndexFollow" type="checkbox" value="1"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_post_date}:</span>
                    <input id="DatePost" name="DatePost" type="text" value="{val_post_date}"/>
                </div>
                <div class="line_row">
                    <span class="spanx">{prot_active_date_post}:</span>
                    <input id="ActiveDatePost" {checked_active_post_date} name="ActiveDatePost" type="checkbox" value="1"/>
                </div>

                <div class="but_bot_wrapper">
                    <div class="but_bot">
                        <div class="line_row"><button type="submit">{done}</button></div>
                        <div class="line_row"><button type="reset">{but_clear}</button></div>
                        <div class="line_row"><button type="button" onclick="parent.hs.close()">{but_close}</button></div>
                    </div>
                </div>
            </div>

    </div>
</form>
<br />